<script setup>

</script>

<template>
  <div class="login_interface">
    <h1>这是登录页面</h1>
    <div><span>用户名:</span><input type="text"></div>
    <div><span>密码:</span><input type="password"></div>
    <button>登录</button>
  </div>
</template>

<style scoped>
.login_interface {
  width: 500px;
  height: 250px;
  margin: 50px auto;
  text-align: center;
  background-color: aqua;
}
.login_interface div{
  margin: 30px 0px 8px 0px;
}
.login_interface div span{
  display: inline-block;
  width: 100px;
}

.login_interface div input {
  margin-left: 1px;
}

</style>